<template id="Orderdetails">
    <div class="Orderdetails_only">
        <div class="order_go" v-if="red_shop">
            <div class="Orderdetails_details">
                <img src="../image/blue_da.png" alt="" @click="getOrderdetails1()">
                <a href="tel:4001787760"><img src="../image/phone.jpg" alt=""></a>
                <h6>订单详情</h6>
            </div>
        </div>
        <!--站位容器-->
        <div style="height:0.8rem;width:100%;" v-if="red_shop"></div>
        <div id="Orderdetails_stroll" v-show="red_shop">
        <div class="Orderdetails_payment">
            <img src="../image/ding.jpg" alt="">
            <p>{{data.status_tips}}</p>
            <p>{{data.tips}}</p>
            <p>{{data.add_time}}</p>
        </div>
        <p class="Orderdetails_p"></p>
        <p class="Orderdetails_number">订单编号:  {{data.order_sn}}</p>
        <div class="Orderdetails_huo">
            <p>收货地址：
                <time>{{data.consignee}}</time>
                <time>{{data.mobile}}</time>
            </p>
            <p>{{data.address}}</p>
        </div>
        <p class="Orderdetails_time">
            送达时间:
            <time>{{data.best_time}}</time>
        </p>
        <p class="Orderdetails_p"></p>
            <!--新版商品详情-->
            <div class="new_Orderdetails" @click="get_cha()">
                <span>查看商品详情</span>
                <span>{{data.num}}件</span>
                <img src="../image/blue_d.png" alt="" id="rotate_o" @click="get_cha()">
            </div>
        <!--<p class="Orderdetails_price">
            <time>{{data.num}}</time>件商品 总重约<time>3</time>kg
        </p>-->  <!--老版样式暂时隐藏2-->
       <div class="order_mmg">
           <div class="Orderdetails_shop"  v-for="goods in data.goods">

               <div class="d_1">
                   <img v-bind:src="goods.goods_thumb" alt="">
               </div>
               <div class="d_2">
                   <h6 class="h_f_1">{{goods.goods_name}}</h6>
                   <p class="sp_p">{{goods.goods_share}} {{goods.goods_weight}}</p>
               </div>
               <div class="price_m1">
                   <!--×<time>1</time><span>¥29.9</span>-->
                   <span>×<time>{{goods.goods_number}}</time></span>
                   <span>¥ {{goods.goods_price}}</span>
               </div>

           </div>
       </div>
        <p class="Orderdetails_p"></p>
            <!--新版购物车的优化改版-->
            <div class="shop_min_g_o">
                <div class="shop_border_g_o"></div>
                <div class="shop_zong_g_o">
                    <span>商品总价</span>
                    <span>¥{{data.goods_amount}}</span>
                </div>
                <div class="shop_goods_m_g_o">

                    <p class="shop_goods_m_p_g_o" v-for="(m,index) in data.msg">
                        <span>{{m.icon}}</span>
                        <span>{{m.msg}}</span>
                        <span>－¥{{m.price}}</span>
                    </p>
                    <p class="shop_goods_m_p_te_g_o">
                        <span>包</span>
                        <span>红包</span>
                        <span style="color:#fd71c3" v-if="data.coupon" @click="get_show_red()">{{coupon_tips}}</span>
                        <span v-else  style="color:#bfbfbf">无可用红包</span>


                        <img v-if="data.pay_status == 0" src="../image/day.jpg" alt="">
                    </p>
                </div>
                <div class="shop_zong1_g_o">
                    <span>商品实付</span>
                    <span>¥{{data.order_amount}}</span>
                </div>
                <div class="shop_zong2_g_o">
                    <span>运费</span>
                    <span>＋¥{{data.shipping_fee}}</span>
                    <a href="http://www.xiaomashengxian.com/huodong?id=17" target="_blank"><img src="../image/wen.png" alt=""></a>
                </div>
                <div class="shop_zong_x">
                    <span>优选会员</span>
                    <span>¥{{member_money}}</span>
                </div>
                <p class="invoice_details_shop_g_o" @click="get_invoice()">
                    <span>发票</span>
                    <span>{{data.inv_payee == 1 ? '有': '未开'}}</span>
                    <img src="../image/day.jpg" alt="">
                </p>
                <div class="z_price_g_o"><span>共计:<time>¥{{data.order_amount}}</time> </span></div>
                <!--非会员购物车-->
                <div class="shop_fei_g_o" v-if="data.is_member == 0">
                    <div class="shop_fei_1_g_o">
                        <p>开通月度会员可得<time>红包</time></p>
                        <p>本单即可返现<time>{{scale_money}}</time>元</p>
                        <span>优选会员</span>
                    </div>
                    <div class="shop_fei_2_g_o"  v-for="(v,index) in member_lelvel.items" @click="user_member(v.id,v.money)">
                        <p>{{member_lelvel.cname}} <time>¥{{v.money}}/月</time></p>
                        <p>{{v.bonus}}</p>
                        <div class="shop_fei_member_g_o">
                            <span>{{v.period_tips}}</span>
                        </div>
                        <p :class=" member_id == v.id ? 'selected' : '' " ></p>
                    </div>
                    <div class="more_fei_g_o">
                        <span>查看详情</span>
                    </div>
                </div>
                <!--会员购物车-->
                <div class="shop_hui_g_o" v-if="data.is_member == 1">
                    <span>{{member_lelvel.cname}}</span>
                    <span>会员卡省钱</span>
                    <span>¥<time>{{scale_money}}</time></span>
                    <span>其中<time>{{scale_money}}</time>元将在将签收后返回值零钱</span>
                </div>

            </div>
            <!--下面是老版的样式暂时隐藏1-->
        <!--<p class="Orderdetails_total"><span>商品总价</span><span>¥{{data.goods_amount}}</span></p>
		<p class="Orderdetails_total" v-show="data.insure_fee != '0.00'"><span>赠品抵扣</span><span>¥{{data.insure_fee}}</span></p>
		<p class="Orderdetails_total" v-show="data.insure_fee != '0.00'"><span>优惠券抵扣</span><span>¥{{data.bonus}}</span></p>
				
        <p class="Orderdetails_postage"><span>配送费</span><span>¥{{data.shipping_fee}}</span></p>
        <p class="Orderdetails_amount"><span>实付金额: <time>¥{{data.order_amount}}</time></span></p>-->
        <p class="Orderdetails_p"></p>
        <div class="Invoice_information">
            <p>发票信息:{{inv_payee == 1 ? '有': '未开'}}</p>
            <p>支付方式:{{data.pay_name}}</p>
            <p>支付状态:{{data.status_tips}}</p>
            <p>下单时间:<time>{{data.add_time}}</time></p>
        </div>
        <p class="border_Orderdetails"></p>
<!--新版本增加的取消订单00-->
            <div class="order_gmm"  @click="order_cancel(order_id)">
                <p>取消订单</p>
            </div>

        </div>
        <div style="height:0.8rem;width:100%;" v-if="red_shop"></div>
        <ul v-show='red_shop' class="Orderdetails_list">
            <li>待支付:<time>¥{{data.order_amount}}</time></li>
            <li @click="payBut()">立即支付</li>
        </ul>
        <!--站位容器-->
       <!-- <div style="height:0.8rem;width:100%;"></div>-->
        <!--新增的红包页面-->
        <div class="red_m" v-show="red_n">
            <div class="red_1" @click="get_mm()">
                <img src="../image/blue_da.png" alt="">
                <h4>红包</h4>
            </div>
            <div class="red_2">
                不使用红包
                <span :class=" coupon_id == 0 ? 'selected' : '' "  @click="coupon(0,0)"></span>
            </div>
            <div class="red_3">
                <p class="red_3_p">红包不能多个使用</p>
                <div class="red_4" v-for="(item,index) in coupon_data">
                    <div  @click="coupon(item.bonus_id,item.face_value)">
                        <p>{{item.title}}</p>
                        <p>{{item.tips}}</p>
                        <p>{{item.member_tips}}</p>
                        <p>{{item.scope_tips}}</p>
                        <p>{{item.stat_tips}}</p>
                        <p>有效期至:{{item.time}}</p>
                        <p>¥{{item.face_value}}</p>

                        <!--限定条件?-->
                        <div :class="item.restrict_amount > data.order_amount ? 'stat' : ''">
                            <span :class=" coupon_id == item.bonus_id ? 'selected' : '' "  ></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--地址选择弹窗-->
        <div class="back_c" v-show="back1" @click="getL()"></div>
    </div>
</template>
<script>
    export default {
        name:'Orderdetails',
        data(){
            return{
                back1:false,
                ss:false,
                pay_id:1,
                info:'',
                t:false,
                tt:true,
				mode:'order_info_unpaid',
				order_id:this.$route.query.order_id,
			    payInfo:[],
                //新增红包的字段
                red_n:false,
                red_shop:true,
                data:[],
                member_lelvel:[],
                scale:'',
                scale_money:0,
                coupon_data:[],
                coupon_id:'',
                coupon_money:'',
                member_id:'',
                member_money:'',
                coupon_tips:'',
                inv_payee:'',

            }
        },
		mounted:function(){
           /*Orderdetails_stroll滚动条的滑动设置*/
           //初始值100
           let H = $(window).height()-48
           $('#Orderdetails_stroll').height(H)


           //订单详情页
           this.get_order_api();

           //会员类型周期
           this.get_member_level();

           //红包
           this.coupon_list();

		   //初始化
    	  // this.getItems(this.mode,this.order_id);

            /*确认订单购物车列表隐藏*/
            $('.order_mmg').hide();
        },
        methods:{
            /*发票选择*/
            get_invoice:function(){
                this.$router.push('/my_invoice');
            },
            /*显示红包列表*/
            get_show_red:function(){
                this.red_n=true;
                this.red_shop=false;
                if(this.data.pay_status == 1){return false;}

            },
            /*返回购物车*/
            get_mm:function(){
                this.red_n=false;
                this.red_shop=true;
            },

		    /*新增的查看订单详情的购物列表*/
            get_cha:function(){
                $('.order_mmg').toggle();
                if($('#rotate_o').hasClass('select_mm')){
                    $('#rotate_o').removeClass('select_mm')
                }else{
                    $('#rotate_o').removeClass('select_mm')
                }
            },
		    /*点击遮罩付款方式消失*/
            getL:function(){
                if(this.ss=true){
                    this.ss=false;
                    this.back1=false;
                }
            },

            order_pay:function(order_id,pay_id){
			    this.back1=false;
                if(pay_id == 1){
                    window.location.href="/php/v1/wxPay.php?order_id="+order_id;
                }
                if(pay_id == 2){
                    let url  = this.GLOBAL.BaseUrl+'/mobile/api/v1/Public.php?mode=payCode&order_id='+order_id;
                    let Data = this.GLOBAL.dataParam();
                    this.$ajax.post(url,Data).then((res) =>{
                        let temp = res.data;
                        if(temp.code == 200){
                            window.location.href= "/alipay/aliPay.php?code="+temp.data.code;
                        }else{
                            this.GLOBAL.center_error(this,temp);        
                        }  
                    })
                }
            },
            order_cancel:function(order_id){
                
                let url  = this.GLOBAL.BaseUrl+'/mobile/api/v1/Users.php?mode=order_cancel&order_id='+order_id;
                let Data = this.GLOBAL.dataParam();
                
                this.$ajax.post(url,Data).then((res) => {
                    let temp = res.data;
                    if(temp.code == 200){
                        alert('取消订单成功');
                        window.history.go(-1);
                    }else{
                        this.GLOBAL.center_error(this,temp);        
                    }  
                })              
                
            },
            getSuccess:function(){
                this.$router.push('/orderSuccess')
            },
            getOrderdetails1:function(){
                window.history.go(-1);
            },
            get_order_api(){
                    let info  = [];
                    info['c']    = 'Orders';
                    info['m']    = 'order_info';
                    info['order_id'] = this.order_id;

                    let url  = this.GLOBAL.BaseUrl+'/mobile/api/index.php';
                    let Data = this.GLOBAL.dataParam(info);

                    this.$ajax.post(url,Data).then((res) => {
                        let temp = res.data;
                        if(temp.code == 200){
                           this.data            = temp.data;     
                           this.coupon_id       = temp.data.bonus_id;
                           this.coupon_money    = temp.data.bonus;
                           this.member_id       = temp.data.member_id;
                           this.member_money    = temp.data.member_money;
                           
                           //发票
                           let status = this.GLOBAL.getCookie('is_invoice');
                           if(status || temp.data.inv_payee){
                               if(status){ this.inv_payee = status}
                               if(temp.data.inv_payee){ this.inv_payee = temp.data.inv_payee}
                            /*   this.data.inv_payee = status ? status : temp.data.inv_payee;*/
                           }
                           this.GLOBAL.setCookie('is_invoice',temp.data.inv_payee);
                           this.GLOBAL.setCookie('pay_amount',temp.data.order_amount);

                           //红包
                           if(temp.data.bonus_id){
                                this.coupon_tips = '-¥'+temp.data.bonus;   
                           }else{
                                this.coupon_tips = temp.data.coupon +'个红包可用';   
                           }
                                                                         

                          // console.log( this.member_id+'---'+ this.member_money)
                        }else{
                           this.GLOBAL.center_error(this,temp);        
                        }  
                    })   
            },
            get_member_level(){
                let info  = [];
                info['c']    = 'Orders';
                info['m']    = 'member_level_list';

                let url  = this.GLOBAL.BaseUrl+'/mobile/api/index.php';
                let Data = this.GLOBAL.dataParam(info);

                this.$ajax.post(url,Data).then((res) => {
                    let temp = res.data;
                    if(temp.code == 200){
                        this.member_lelvel = temp.data;
                        this.scale = temp.data.scale;

                        //返现
                        if(temp.data.scale && this.data.order_amount){
                           let scale_money  = (temp.data.scale*this.data.order_amount)/100;
                           this.scale_money = scale_money.toFixed(2);
                        }
                       
                    }else{
                        this.GLOBAL.center_error(this,temp);   
                    }  
                })     
            },
            coupon_list(){
                let mode = 'get_user_coupon';
                let url  = this.GLOBAL.BaseUrl+'/mobile/api/v1/Public.php?mode='+mode+"&is_new=1&order_id="+this.order_id;
                let Data = this.GLOBAL.dataParam();

                this.$ajax.post(url, Data).then((res) => {
                    let temp = res.data;
                    if(temp.code == 200){
                        this.coupon_data = temp.data;
                    }else{
                        //this.GLOBAL.center_error(this,temp);        
                    }                 
                 })
            },
            coupon(bonus_id,money){

                if(bonus_id == 0 && money == 0){
                    //回滚
                    let order_amount = this.data.order_amount*100 + this.coupon_money*100;
                    this.data.order_amount = (order_amount/100).toFixed(2);

                    //初始化
                    this.coupon_id    = '';
                    this.coupon_money = '';
                    this.coupon_tips = '未使用红包';   

                    this.get_mm();
                    return false;
                }
               
                //取消
                if(bonus_id == this.coupon_id){
                  
                    //回滚
                    let order_amount = this.data.order_amount*100 + money*100;
                    this.data.order_amount = (order_amount/100).toFixed(2);

                    //初始化
                    this.coupon_id    = '';
                    this.coupon_money = '';
                    this.coupon_tips  = '未使用红包';  

                    return false;
                }
                
                //检测后红包使用条件
                if(bonus_id){
                        let info  = [];
                        info['c']    = 'Orders';
                        info['m']    = 'check_user_bonus';
                        info['id']   = bonus_id;
                        info['order_id']   = this.order_id;


                        let url  = this.GLOBAL.BaseUrl+'/mobile/api/index.php';
                        let Data = this.GLOBAL.dataParam(info);
                        this.$ajax.post(url,Data).then((res) => {
                            let temp = res.data;
                            if(temp.code == 200){
                                
                                //验证上次操作
                                let order_amount = this.data.order_amount*100;
                                if(this.coupon_money){
                                    order_amount = order_amount + this.coupon_money*100;
                                }

                                //折扣
                                order_amount           = (order_amount - (money*100))/100;
                                this.data.order_amount = order_amount.toFixed(2);

                                //返现
                                if(this.scale && this.data.order_amount){
                                   let scale_money  = (this.scale*this.data.order_amount)/100;
                                   this.scale_money = scale_money.toFixed(2);
                                }

                                //写入
                                this.coupon_id    = bonus_id;
                                this.coupon_money = money;
                                this.coupon_tips = '-¥'+money;   

                            }else{
                                this.GLOBAL.center_error(this,temp);   
                            }  
                        })     
                }else{
                      this.coupon_id    = 0;
                      this.coupon_money = 0;
                }

            },
            user_member(id,money){

                if(this.data.pay_status == 1){return false;}//支付中禁止修改

                 //减过去记录
                let order_amount = this.data.order_amount*100
                if(this.member_money){
                    order_amount = order_amount - this.member_money*100;
                }

                if(id == this.member_id){
                    this.member_id    = '';
                    this.member_money = '';

                    //回滚
                    this.data.order_amount = (order_amount/100).toFixed(2);
                    return false;
                }
               
               
                order_amount = (order_amount + money*100)/100;
                this.data.order_amount = order_amount.toFixed(2);

                //重新写入
                this.member_id    = id;
                this.member_money = money;
            },
            payBut(){
                if(this.data.pay_status == 1){
                    this.order_pay(this.order_id,1);
                }

                let member_id = this.member_id;
                let coupon_id = this.coupon_id;
                
                let info = [];
                info['c']    = 'Orders';
                info['m']    = 'order_Button';
                info['member_id']   = member_id;
                info['coupon_id']   = coupon_id;
                info['inv_payee']   = this.inv_payee ? 1 : 0;
                info['order_id']    = this.order_id;
               // console.log(info);

                let url  = this.GLOBAL.BaseUrl+'/mobile/api/index.php';
                let Data = this.GLOBAL.dataParam(info);
                this.$ajax.post(url,Data).then((res) => {
                    let temp = res.data;
                    if(temp.code == 200){
                        this.order_pay(this.order_id,1);
                    }else{
                        this.GLOBAL.center_error(this,temp);   
                    }  
                })     

            }
        }
    }
</script>
<style>
    /*会员价格*/
    .shop_zong_x span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong_x span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong_x{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
    }
  /*站位容器*/
    .order_go{
        width:100%;
        height:0.8rem;
        position:fixed;
        background:#ffffff;
        top:0;
        left:0;
        z-index:1;
    }
    .selected{
        background:url(../image/blue_2.jpg) no-repeat;
        background-size: contain;
        border:0;
    }
    .select_mm{
        transform:rotate(180deg);
        -webkit-transform: rotate(180deg);
        /*-moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        -o-transition: -o-transform 0.2s;*/
    }
    .order_gmm p{
        width:6.02rem;
        height:0.6rem;
        line-height:0.6rem;
        text-align:center;
        color:#ffffff;
        font-size:0.3rem;
        background:#e3e3e3;
        margin-left:0.2rem;
    }
    .order_gmm{
        width:100%;
        height:0.8rem;
        padding-top:0.2rem;
    }
    /*新版本增加的取消订单*/
    .order_mmg{
        width:100%;
        min-height:1.54rem;
    }
    .new_Orderdetails img:nth-of-type(1){
        display:block;
        height:0.48rem;
        width:0.48rem;
        position:absolute;
        top:0.14rem;
        right:0.14rem;
    }
    .new_Orderdetails{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
    }
    .new_Orderdetails span:nth-of-type(2){
        height: 0.79rem;
        float: right;
        color: #fd71c3;
        font-size: 0.24rem;
        line-height: 0.79rem;
        display: block;
        margin-right: 0.6rem;
    }
    .new_Orderdetails span:nth-of-type(1){
        display: block;
        width: 2rem;
        height: 0.79rem;
        float: left;
        line-height: 0.79rem;
        color: #494848;
        font-size: 0.28rem;
        text-indent: 0.2rem;
    }
    /*新版查看商品详情*/
    .shop_hui_g_o{
        height:0.9rem;
        width:100%;
        padding-top:0.2rem;
        position:relative;

    }
    .shop_hui_g_o span:nth-of-type(4){
        height:0.32rem;
        float:right;
        color:#848484;
        font-size:0.2rem;
        line-height:0.32rem;
        display:block;
        /*margin-right:0.2rem;*/
        position:absolute;
        top:0.53rem;
        right:0.2rem;
    }
    .shop_hui_g_o span:nth-of-type(3){
        height:0.34rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.34rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_hui_g_o span:nth-of-type(2){
        display:block;
        height:0.66rem;
        width:1.65rem;
        color:#545454;
        font-size:0.24rem;
        line-height:0.66rem;
        text-align:center;
        position:absolute;
        top:0.2rem;
        left:1.38rem;
    }
    .shop_hui_g_o span:nth-of-type(1){
        position:absolute;
        display:block;
        width:1.18rem;
        height:0.35rem;
        line-height:0.35rem;
        color:#8b7527;
        font-size:0.22rem;
        border-radius:0.5rem;
        text-align:center;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
        top:0.33rem;
        left:0.1rem;
    }

    /*会员购物车*/
    .more_fei_g_o span{
        display:block;
        height:0.5rem;
        width:1.32rem;
        line-height:0.5rem;
        text-align:center;
        color:#cecece;
        font-size:0.26rem;
        margin:auto;
        border:0.01rem solid #dedede;
        border-radius:0.05rem;
    }
    .more_fei_g_o{
        width:100%;
        height:0.8rem;
        padding-top: 0.22rem;
    }
    .shop_fei_member_g_o span{
        display:block;
        height:0.28rem;
        width:0.44rem;
        font-size:0.18rem;
        color:#ffffff;
        line-height:0.28rem;
        text-align:center;
        border-radius:0.05rem;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
    }
    .shop_fei_member_g_o{
        height:0.5rem;
        width:0.6rem;
        border:0.01rem solid #e8e8e8;
        position:absolute;
        left:0.1rem;
        top:0.15rem;
        border-radius:50%;
        padding-top:0.2rem;
        padding-left:0.1rem;
    }
    .shop_fei_2_g_o{
        width:100%;
        height:0.85rem;
        border-bottom:0.01rem solid #f0f0f0;
        padding-top:0.14rem;
        position:relative;
    }
    .shop_fei_2_g_o p:nth-of-type(3){
        height:0.36rem;
        width:0.36rem;
        border:0.01rem solid #d2d1cf;
        position:absolute;
        top:0.34rem;
        right:0.26rem;
        border-radius:50%;
    }
    .shop_fei_2_g_o p:nth-of-type(1){
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#545454;
        font-size:0.22rem;
    }
    .shop_fei_2_g_o p:nth-of-type(1) time{
        font-weight:700;
    }
    .shop_fei_2_g_o p:nth-of-type(2){
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#a6a6a6;
        font-size:0.22rem;
    }
    /*月卡*/
    .shop_fei_1_g_o p{
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#545454;
        font-size:0.22rem;
    }
    .shop_fei_1_g_o p time{
        color:#fc1dac;
    }
    .shop_fei_1_g_o span{
        position:absolute;
        display:block;
        width:1.18rem;
        height:0.35rem;
        line-height:0.35rem;
        color:#8b7527;
        font-size:0.22rem;
        border-radius:0.5rem;
        text-align:center;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
        top:0.33rem;
        left:0.1rem;
    }
    .shop_fei_1_g_o{
        width:100%;
        height:0.85rem;
        border-bottom:0.01rem solid #f0f0f0;
        padding-top:0.14rem;
        position:relative;
    }
    .shop_fei_g_o{
        min-height: 0.85rem;
        width:100%;
    }
    /*非会员购物车*/
    .z_price_g_o{
        width:100%;
        height:0.79rem;
        line-height:0.79rem;
        border-bottom:0.1rem solid #f5f4f2;
        font-size:0.26rem;
        color:#9a9a9a;
    }
    .z_price_g_o span{
        height:0.79rem;
        display:block;
        float:right;
        margin-right:0.2rem;
    }
    .z_price_g_o span time{
        color:#fc1dac;
    }
    /*总价*/
    .invoice_details_shop_g_o{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
    }
    .invoice_details_shop_g_o img {
        position:absolute;
        display:block;
        width:0.21rem;
        height:0.36rem;
        top:0.2rem;
        right:0.15rem;
    }
    .invoice_details_shop_g_o span:nth-of-type(1){
        width:1.02rem;
        height:0.79rem;
        line-height:0.79rem;
        color:#494848;
        font-size:0.24rem;
        float:left;
        text-indent: 0.2rem;
    }
    .invoice_details_shop_g_o span:nth-of-type(2){
        height:0.79rem;
        line-height:0.79rem;
        color:#bfbfbf;
        font-size:0.24rem;
        float:right;
        margin-right:0.43rem;
    }
    /*发票*/
    .shop_zong2_g_o img{
        display:block;
        height:0.3rem;
        width:0.3rem;
        position:absolute;
        top:0.22rem;
        left:0.7rem;
    }
    .shop_zong2_g_o span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong2_g_o span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong2_g_o{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
    }
    .shop_zong1_g_o span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong1_g_o span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong1_g_o{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
    }
    .shop_goods_m_p_te_g_o img{
        position:absolute;
        display:block;
        width:0.21rem;
        height:0.36rem;
        top:0.05rem;
        right:0.15rem;
    }
    .shop_goods_m_g_o .shop_goods_m_p_te_g_o{
        width:100%;
        height:0.5rem;
        position:relative;
    }
    .shop_goods_m_p_te_g_o span:nth-of-type(2){
        display:block;
        height:0.5rem;
        line-height:0.5rem;
        font-size:0.24rem;
        color:#494848;
        width:2rem;
        padding-left:0.55rem;
        /* overflow: hidden; !*!*自动隐藏文字*!*!
         text-overflow: ellipsis;!*!*文字隐藏后添加省略号*!*!
         white-space: nowrap;*/
        float:left;
    }
    .shop_goods_m_p_te_g_o span:nth-of-type(3){
        height:0.5rem;
        float:right;
        /*color:#fd71c3;*/
        font-size:0.24rem;
        line-height:0.5rem;
        display:block;
        margin-right: 0.43rem;
    }
    .shop_goods_m_p_te_g_o span:nth-of-type(1){
        display:block;
        height:0.28rem;
        width:0.28rem;
        line-height:0.28rem;
        text-align:center;
        color:#ffffff;
        font-size:0.23rem;
        background:#fc1dac;
        position:absolute;
        top:0.1rem;
        left:0.18rem;
    }
    /*红包*/
    .shop_goods_m_g_o .shop_goods_m_p_g_o{
        width:100%;
        height:0.5rem;
        position:relative;
    }
    .shop_goods_m_p_g_o span:nth-of-type(2){
        display:block;
        height:0.5rem;
        line-height:0.5rem;
        font-size:0.24rem;
        color:#494848;
        width:4.45rem;
        padding-left:0.55rem;
        overflow: hidden; /*!*自动隐藏文字*!*/
        text-overflow: ellipsis;/*!*文字隐藏后添加省略号*!*/
        white-space: nowrap;
        float:left;
    }
    .shop_goods_m_p_g_o span:nth-of-type(3){
        height:0.5rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.5rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_goods_m_p_g_o span:nth-of-type(1){
        display:block;
        height:0.28rem;
        width:0.28rem;
        line-height:0.28rem;
        text-align:center;
        color:#ffffff;
        font-size:0.23rem;
        background:#fc1dac;
        position:absolute;
        top:0.1rem;
        left:0.18rem;
    }
    .shop_goods_m_g_o{
        width:100%;
        min-height:0.6rem;
        padding-top:0.16rem;

        border-bottom:0.01rem solid #f0f0f0;
        border-top:0.01rem solid #f0f0f0;
    }
    /*商品优惠红包列表*/
    .shop_zong_g_o span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.8rem;
        float:left;
        line-height:0.8rem;
        color:#b3b3b3;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong_g_o span:nth-of-type(2){
        height:0.8rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.8rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong_g_o{
        width:100%;
        height:0.8rem;
    }
    .shop_border_g_o{
        width:100%;
        height:0.1rem;
        background:#f5f4f2;
    }
    /*购物车新版*/
    .shop_min_g_o{
        min-height:2rem;
        width:100%;
    }
    /*新版订单详情的样式修改*/
   /* .h_f_1{
        margin-bottom:0.45rem;
    }*/
    .Orderdetails_only{
        height:100%;
    }
    /*111*/
    #Orderdetails_stroll{
        overflow-y: auto;
        overflow-x: hidden;
    }
    /*支付方式弹窗*/
    .pay{
        width:100%;
        height:0.94rem;
    }
    .pay span:nth-of-type(1){
        display:block;
        float:left;
        width:1.7rem;
        height:0.94rem;
        text-align:center;
        line-height:0.94rem;
        color:#5e5e5e;
        font-size:0.23rem;
    }
    .pay span:nth-of-type(2){
        width:1.86rem;
        height:0.94rem;
        line-height:0.94rem;
        text-align:center;
        color:#62c3fd;
        font-size:0.24rem;
        float:right;
    }
    .pay span:nth-of-type(2) time{
        color:#333;
    }
    .payMoney span:nth-of-type(1){
        width:1.67rem;
        height:1.23rem;
        text-align:center;
        line-height:1.23rem;
        color:#000000;
        font-size:0.25rem;
        float:left;
    }
    .payMoney span:nth-of-type(2){
        width:1.87rem;
        height:1.23rem;
        text-align:center;
        line-height:1.23rem;
        color:#fc1dac;
        font-size:0.33rem;
        float:right;
        font-weight:700;
    }
    .wex{
        width:100%;
        height:1.23rem;
    }
    .pay1{
        width:100%;
        height:2.16rem;
    }
    .pay_foot{
        width:100%;
        height:0.74rem;
        text-align:center;
        line-height:0.74rem;
        color: #ffffff;
        font-size:0.3rem;
        position:absolute;
        bottom:0;
        left:0;
        background:#29adfc;
    }
    /*payminey*/
    .payMoney{
        width:100%;
        height:1.23rem;
    }
    .fu p:nth-of-type(1) span.radio_selected{
        background:url(../image/blue_dui.png) no-repeat -0.09rem -0.15rem;;
        border-color:#29adfc;
       /* background-size:cover;*/
    }
    .fu p:nth-of-type(1) span{
        display:block;
        height:0.25rem;
        width:0.25rem;
        border:1px solid #ccc;
        background:#ffffff;
        position:absolute;
        top:0.2rem;
        right:0.3rem;
        border-radius:50%;
    }
    .fu p:nth-of-type(2) span{
        display:block;
        height:0.25rem;
        width:0.25rem;
        border:1px solid #ccc;
        background:#ffffff;
        position:absolute;
        top:0.2rem;
        right:0.3rem;
        border-radius:50%;
    }
    .fu p:nth-of-type(1){
        width:100%;
        height:0.74rem;
        line-height:0.74rem;
        color:#000000;
        font-size:0.2rem;
        position:relative;
        text-indent: 1.3rem;
    }
    .fu p:nth-of-type(1) img{
        width:0.57rem;
        height:0.38rem;
        position:absolute;
        top:0.14rem;
        left:0.3rem;
    }
    .fu p:nth-of-type(2) img{
        width:0.57rem;
        height:0.38rem;
        position:absolute;
        top:0.14rem;
        left:0.3rem;
    }
    .fu p:nth-of-type(2){
        width:100%;
        height:0.74rem;
        line-height:0.74rem;
        color:#000000;
        font-size:0.2rem;
        position:relative;
        text-indent: 1.3rem;
    }
    .fu_shop_detail{
        height:0.79rem;
        width:100%;
        border-bottom:1px solid #cfcecd;
        position:relative;
        background:#ffffff;
    }
    .fu_shop_detail img{
        height:0.43rem;
        width:0.51rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.25rem;
    }
    .fu_shop_detail h4{
        height:0.79rem;
        color:#29adfc;
        font-size:0.24rem;
        line-height:0.79rem;
        text-align:center;
        font-weight:normal;
    }
    .fu{
        width:100%;
        height:5.4rem;
        background:#ffffff;
        position:fixed;
        bottom:0;
        left:0;
        z-index:5;
    }
    /*1*/
    .price_m1 span:nth-of-type(2){
        height:0.87rem;
       /* width:1rem;*/
       /* text-align:center;*/
        line-height:0.87rem;
        color:#fd71c3;
        font-size:0.24rem;
        margin-right: 0.22rem;
        float:right;
      /*  text-decoration: line-through;*//*新版订单详情增加的样式*/
    }
    .price_m1 span:nth-of-type(1){
        /*width:0.65rem;*/
        height:0.87rem;
        line-height:0.87rem;
       /* text-align:center;*/
        color:#bdbdbd;
        font-size:0.24rem;
        margin-left:0.3rem;
        float:left;
    }
    .price_m1{
        width: 2rem;
        height:1.54rem;
        float:right
      /*  position:absolute;;
        right:0.22rem;
        top:0;*/
    }
    .d_1{
        float:left;
        height: 1.36rem;
        width: 2.24rem;
        padding-top: 0.18rem;
    }
    .d_1 img{
        display:block;
        height:1.2rem;
        width:1.2rem;
       margin-left:0.3rem;
    }
    .d_2{
        width:2.04rem;
        height:1.54rem;

        float:left;
    }
    .d_2 h6{
        height:1rem;
        width:2.5rem;
       /* text-indent:-0.5rem;*/
        line-height:0.8rem;
        color:#353535;
        font-size:0.24rem;
        font-weight:normal;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .d_2 .sp_p{
        height:0.45rem;
        width:1.4rem;
        color:#9e9e9e;
        font-size:0.2rem;
        line-height:0.45rem;
      /*  text-indent: -0.5rem;
        margin-top:-0.4rem;*/
    }
    .a_j div{
        display:block;
        height:0.36rem;
        width:0.36rem;
        border-radius:50%;
        color:#f77602;
        border:1px solid #dbdbdb;
        font-size:0.4rem;
        line-height:0.36rem;
        text-align:center;
    }
    .a_j span{
        display:block;
        height:0.52rem;
        width:0.36rem;
        color:#000000;
        line-height:0.52rem;
        text-align:center;
        font-size:0.18rem;
        margin:0 0.18rem;
    }
    .add_r span:nth-of-type(1){
        height:0.26rem;
        width:0.8rem;
        line-height:0.26rem;
        text-align:center;
        color:#ee8a23;
        font-size:0.2rem;
        position:absolute;
        left:0.1rem;
        top:0.2rem;
    }
    .add_r span:nth-of-type(2){
        height:0.25rem;
        width:0.66rem;
        line-height:0.25rem;
        text-align:center;
        border:0.01rem solid #a5be87;
        border-radius:8px;
        font-size:0.16rem;
        color:#a5be87;
        position:absolute;
        top:0.2rem;
        right:0;
    }
    .shop_list li{
        flex:1;
        line-height:0.5rem;
        text-align:center;
        list-style:none;
        font-size:0.22rem;
        color:#9a9a9a;
    }
    .Orderdetails_list{
        height:0.8rem;
        width:100%;
        display:flex;
     /*   position:fixed;*/
        position:fixed;
        bottom:0;
        left:0;
        background:#ffffff;
        z-index: 4;
    }
    .Orderdetails_list li{

        list-style:none;
        line-height:0.8rem;
    }
    .Orderdetails_list li:nth-of-type(1){
        color:#74c3fd;
        flex:2;
        font-size:0.28rem;
        text-indent: 0.2rem;
        line-height:0.8rem;
    }
    .Orderdetails_list li:nth-of-type(1) time{
        color:#fc1dac;
        font-size:0.26rem;
    }
    .Orderdetails_list li:nth-of-type(2){
        color:#ffffff;
        line-height:0.8rem;
        flex:1;
        background:#29adfc;
        text-align:center;
        font-size:0.3rem;
    }
    .border_Orderdetails{
        height:0.14rem;
        width:100%;
        background:#efeeec;
        border-radius: 5px;
    }
    .Invoice_information p:nth-of-type(1){
        margin-top:0.3rem;
    }
    .Invoice_information p{
        width:100%;
        height:0.5rem;
        line-height:0.5rem;
        color:#a7a7a7;
        text-indent: 0.28rem;
        font-size:0.22rem;
    }
    .Invoice_information{
        height:2.42rem;
        width:100%;
        background:#ffffff;
    }
    .Orderdetails_amount{
        height:0.8rem;
        width:100%;
       /* position:relative;*/
    }
    .Orderdetails_amount span{
        /*width:2.38rem;*/
        height:0.8rem;
        line-height:0.8rem;
       /* text-align:center;*/
        color:#494848;
        font-size:0.24rem;
        float:right;
        margin-right:0.25rem;
        /*right:0;
        top:0;
        position:absolute;*/
    }
    .Orderdetails_amount span time{
        color:#fc4db8;
    }
    .Orderdetails_total,.Orderdetails_postage{
        height:0.8rem;
        width:100%;
        border-bottom:1px solid #f0f0f0;
    }
    .Orderdetails_postage span:nth-of-type(1){
        width:1.3rem;
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#000000;
        font-size:0.24rem;
        float:left;
    }
    .Orderdetails_postage span:nth-of-type(2){
        height:0.8rem;
       /* width:1.1rem;*/
        margin-right:0.25rem;
        line-height:0.8rem;/*text-align:center;*/
        color:#000000;
        font-size:0.24rem;
        float:right;
    }
    .Orderdetails_total span:nth-of-type(1){
        width:1.54rem;
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#000000;
        font-size:0.24rem;
        float:left;
    }
    .Orderdetails_total span:nth-of-type(2){
        height:0.8rem;
        /*width:1.28rem;*/
        line-height:0.8rem;
        color:#000000;
        font-size:0.24rem;
        float:right;
        margin-right: 0.25rem;
    }
    .Orderdetails_shop{
        height:1.54rem;
        width:100%;
        /*position:relative;*/
        border-top:1px solid #f0f0f0;
    }
    .Orderdetails_price{
        width:2.27rem;
        height:0.7rem;
        line-height:0.7rem;
        color:#000000;
        font-size: 0.22rem;
        text-indent: 0.28rem;
    }
    .Orderdetails_time{
        height:0.8rem;
       /* border-bottom:1px solid #cfcecd;*/
        width:100%;
        line-height:0.8rem;
        color:#000000;
        margin-left:0.25rem;
        font-size:0.24rem;
    }
   .Orderdetails_time time{
       color:#75c4fd;

   }
    .Orderdetails_huo{
        min-height:1.1rem;
        width:100%;
        border-bottom:1px solid #f0f0f0;
    }
    .Orderdetails_huo p:nth-of-type(2){
        width:3.51rem;
        min-height:0.36rem;
        line-height:0.36rem;
        margin-left:1.55rem;
        word-wrap: break-word;
        color:#acacac;
        font-size:0.22rem;

    }
    .Orderdetails_huo p:nth-of-type(1){
        height:0.43rem;
        width:100%;
        color:#313131;
        font-size:0.24rem;
        text-indent: 0.28rem;
        margin-top:0.24rem;
        margin-bottom:0.05rem;

    }
    .Orderdetails_number{
        height:0.8rem;
        width:100%;
        line-height:0.8rem;
        border-bottom:1px solid #f0f0f0;
        text-indent: 0.25rem;
        font-size:0.24rem;

    }
    .Orderdetails_p{
        height:0.01rem;
        width:100%;
        background:#f5f4f2;
    }
    .Orderdetails_payment p:nth-of-type(1){
        height:0.36rem;
        width:100%;
        line-height:0.36rem;
        font-size:0.26rem;
        color:#75c4fd;
        text-indent: 0.75rem;
        margin-top:0.22rem;
    }
    .Orderdetails_payment p:nth-of-type(2){
        height:0.32rem;
        width:100%;
        line-height:0.32rem;
        font-size:0.22rem;
        color:#b1b1b1;
        text-indent: 0.75rem;
    }
    .Orderdetails_payment p:nth-of-type(3){
        height:0.32rem;
        width:100%;
        line-height:0.32rem;
        font-size:0.17rem;
        color:#b1b1b1;
        text-indent: 0.75rem;
    }
    .Orderdetails_payment img{
        height:0.4rem;
        width:0.48rem;
        position:absolute;
        top:0.28rem;
        left:0.18rem;
    }
    .Orderdetails_payment{
        height:1.37rem;
        width:100%;
       /* border-bottom:1px solid #cfcecd;*/
        position:relative;
    }
.Orderdetails_details{
    width:100%;
    height:0.79rem;
    border-bottom: 0.01rem solid #f0f0f0;
    position:relative;
}
.Orderdetails_details img:nth-of-type(1){
    height:0.36rem;
    width:0.36rem;
    display:block;
    position:absolute;
    left:0.25rem;
    top:0.25rem;
}
.Orderdetails_details  a{
    display:block;
    height:0.36rem;
    width:0.38rem;
    position:absolute;
    right:0.45rem;
}
.Orderdetails_details h6{
    height:0.79rem;
    line-height:0.79rem;
    text-align:center;
    font-size:0.28rem;
    color:#75c4fd;
    font-weight:normal;
}
</style>
